import React from 'react';
import { Outlet } from 'react-router-dom';
import Menus from './Menus';
import Scrollbars from 'react-custom-scrollbars';

const MainBox = () => {
    return (
        <div className='d-flex' style={{ background: '#f5f5f5', height: '100vh' }}>
            <Menus />
            <div className='flex-1 m-x-20 m-y-10 bg-fff'>
                <Scrollbars>
                    <Outlet />
                </Scrollbars>
            </div>
        </div>
    );
};
export default MainBox;
